<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link type="text/css" rel="stylesheet" href="css/reset.css">
    <link type="text/css" rel="stylesheet" href="css/base.css">
    <script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/base.js"></script>
    <title>详细页</title>
</head>
<body>
<div class="page" id="page_detail">
    <div class="content">
        <div class="head">
            <h2>Avatar</h2>

            <p>Peter</p>
        </div>
        <div class="list-block media-list">
            <ul>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">2016-2-23 11:00</div>
                        </div>
                        <div class="item-subtitle">预约</div>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">2016-2-23 11:02</div>
                        </div>
                        <div class="item-subtitle">教练确认</div>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">2016-2-23 11:05</div>
                        </div>
                        <div class="item-subtitle">进场</div>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">2016-2-23 11:08</div>
                        </div>
                        <div class="item-subtitle">履约</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content-block"><a href="#" class="button button-dark">确认销课</a></div>
    </div>

</div>

</body>
</html>